<template>
    <div class="main">
        <section>
            <el-tabs v-model="currentTab" type="card">
                <el-tab-pane label="总金额" name="pay">
                    <detail-page :id="id"></detail-page>
                </el-tab-pane>
                <el-tab-pane label="退款" name="refund">
                    <refund-page :id="id"></refund-page>
                </el-tab-pane>
            </el-tabs>
        </section>
    </div>
</template>
<script>
import detailPage from '../pay/index'
import refundPage from '../refund/list/index'
export default {
  name: 'detail',
  props: {
    id: {
      default: ''
    },
    type: {
      default: 'pay'
    }
  },
  components: {
    detailPage,
    refundPage
  },
  data() {
    return {
      currentTab: this.type
    };
  },
}
</script>
